@charset "utf-8";

input[type=button],input[type=submit] {
	cursor: pointer;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}


 .wap-list-page{/*padding:14px;*/}
 .wap-list-page .h2{font-size:18px;color:#333;text-transform:capitalize;padding:15px 0;}
 .wap-list-page .bar{display:flex;align-items:center;justify-content: space-between;} 
 .wap-list-page .bar .time{font-size:14px;} 
 .wap-list-page .bar .vip-count{padding-left:10px;}

 .wap-list-page .bar .icon{fill:#333;width:20px;height:20px;vertical-align:middle;}
 .wap-list-page .bar .num{font-size:16px;}
 .wap-list-page  li{border-radius:5px;border:1px solid #eee;padding:15px 10px;margin:20px 0; list-style:none !important;}
 .wap-list-page  li .list-con{display:flex;align-items: center;justify-content: space-between;}
 .wap-list-page  li .list-con-lf{display:flex;align-items: center;}
 .wap-list-page  li .time{text-align:center;padding:0 10px;}
 .wap-list-page  li .time .year{font-size:13px;display:block;}
 .wap-list-page  li .time .day{font-size:18px;font-weight:600;display:block;font-style: italic;padding:6px 0 2px;}
 .wap-list-page  li .time .month{font-size:13px;display:block;text-transform:capitalize;}
 .wap-list-page  li .order-detail{text-align:left;padding:0 0 0 20px;}
 .wap-list-page  li .order-num{margin-bottom:10px;}
 .wap-list-page  li .order-num img{max-width:22px;margin-right:8px;}
 .wap-list-page  li .order-num span{font-size:15px;font-weight:600;}
 .wap-list-page  li .order-detail .name{font-size:14px;}
 .wap-list-page  li .value{font-size:16px;font-weight:600;text-align:right;display:inline-block;padding:0 10px;}
 .wap-list-page .btns{text-align:center;font-size:0;}
 .wap-list-page .btns .prev-btn {cursor:pointer}
 .wap-list-page .btns .next-btn {cursor:pointer}
 .wap-list-page .btns span{border:1px solid #333;border-radius:5px;width:60px;display:inline-block;margin:5px;height:28px;cursor:pointer;}
 .wap-list-page .btns span.disabled{cursor:pointer;background:#ddd;opacity:0.5;}
 .wap-list-page .btns .icon{fill:#333;width:15px;height:28px;}
 .wap-list-page .btns .next-btn .icon{transform:rotate(180deg);}
 .wap-list-page .empty-icon{margin:70px auto 0;display:block;}

.pc-list-page .tab{background:#f4f4f4;line-height:40px;height:40px;text-transform: capitalize;border:1px solid #e9e9e9;font-size:0;}
.pc-list-page .tab span{display:inline-block;font-size:14px;min-width:120px;padding:0 20px;box-sizing:border-box;text-align:center;border-right:1px solid #e9e9e9;position: relative;}
.pc-list-page .tab span:before{position: absolute;;content:'';top:-1px;left:0;right:1px;border-top:1px solid #ed3445;display:none;}
.pc-list-page .tab span.on:before{display:block;}
.pc-list-page .tab span.on{color:#ed3445;background:#fff;}
.pc-list-page .tit-box{display:flex;align-items:center;justify-content: space-between;padding:0 0 20px;}
.pc-list-page .tit-box .h2{font-size:18px;}
.pc-list-page .tit-box .time{font-size:14px;padding-left:10px;font-weight:400;}
.pc-list-page .tit-box .num{font-size:14px;}
.pc-list-page .tit-box .icon{fill:#333;width:20px;height:20px;vertical-align:middle;}
.pc-list-page .tit-box .vip-count{padding-left:10px;}

.pc-list-page .list{width:100%;font-size:0;text-align:center;}
.pc-list-page .list .list-tit{background:#f4f4f4;line-height:40px;height:40px;text-transform: capitalize;padding:0 20px;box-sizing:border-box}
.pc-list-page .list .list-tit span{display:inline-block;width:20%;font-size:14px;;}
.pc-list-page .list .list-tit span.country-th{text-align:left;}
.pc-list-page .list .list-tit span:nth-child(1),
.pc-list-page .list .list-tit span:nth-child(2){text-align: left;}
.pc-list-page .list .td{width:20%;height:82px;display:flex;align-items:center;justify-content:center;}
.pc-list-page .list .td.country{justify-content:flex-start;}
.pc-list-page .list .list-li{border-bottom:1px solid #e9e9e9;font-size:14px;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;}
.pc-list-page .list .list-li .order-num,
.pc-list-page .list .list-li .username{justify-content:left;}
.pc-list-page .list .list-li .country img{margin-right:8px;max-width:22px;}

.pc-list-page .empty-icon{margin:70px auto 0;display:block;}






.pc-list-page .btns{
	text-align:center;
	font-size:0;
	margin:20px 0 30px;
}
.pc-list-page .btns span{
	display:inline-block;
	vertical-align:top;
	height:32px;
	padding:0 15px 0 11px;
	box-sizing:border-box;
	line-height:30px;
	border:1px solid #ccc;
	border-radius:2px;
	font-size:14px;
	margin:0 8px;
	cursor: pointer;
}
.pc-list-page .btns span svg{
	display:inline-block;
	width:15px;
	height:30px;
	vertical-align:top;
}
.pc-list-page .btns span.next-btn{
	padding:0 11px 0 15px;
}
.pc-list-page .btns span.next-btn svg{
	
	transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}
.pc-list-page .btns span:hover{
	background:#333;
	color:#fff;
	border-color:#333;
}
.pc-list-page .btns span:hover svg{
	fill:#fff;
}
.pc-list-page .btns span.disabled{
	pointer-events: none;
	background:#ddd;
	opacity:0.5;
}